<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>Z-anime 国创动漫</title>
 <link rel="stylesheet" href="../public/css/index/index.css">
 <link rel="stylesheet" href="../public/css/game/head.css">
 <link rel="stylesheet" href="../public/css/japan/index.css">
 <link rel="stylesheet" href="../public/css/index/foot.css">
 <!--站点图标-->
 <link rel="shortcut icon" href="../public/img/index/logo/logo.ico" type="image/x-icon">
</head>
<body>
  <!--头部-->
  <header id="z_head">
   <div class="head">
       <div class="center">
           <ul id="headUl">
               
           </ul>
           
           <div class="searchInputArea">
            <div class="search_C">
              <input v-model="key" type="search" class="searchInput" placeholder="搜索关键词" @keyup.enter="toSearch">
              <img @click="toSearch" src="../public/img/index/other/search.png">
            </div>
          </div>
           <img class="logo" src="../public/img/index/logo/logo.png" alt="">
       </div>

   </div>
  </header>
<!--头部-->
<!--主体-->
  <section id="main" class="main">
    <div class="url">
        <span id="indexUrl" @click="toIndexClick">Z-anime</span> > 
        <span class="urlTitle">国创</span>
    </div>
    <!--轮播 + 新番资讯-->
    <div class="top">
      <div class="imgRunner">
        <div class="imgUl" :style="{'left':-620*checkIndex}">
          
        </div>
        <div class="imgUl_S">
          <div class="imgUl_Sg">
            
            <a :href="'/animeInfo?id=' + lunboList[checkIndex].id" class="activeDiv" :style="{'left':62*checkIndex}" target="_blank"></a>
          </div>
          <div class="info">
            
          </div>
        </div>
      </div>
      <div class="newAnimeList">

      </div>
    </div>
    <!--番剧-->
    <div class="item" id="animeItem">
      <div class="title">最近更新</div>
      <div class="latestAnimeList">
        <ul style="width:1225px">

        </ul>
        <div class="clearBoth"></div>
      </div>
      <div class="addMore">
        <div class="bg">
          <div class="addMoreBtn" @click="moreLatestAnime">
            全部 <span class="i i1"></span>
          </div>
        </div>
      </div>
    </div>
    <!--番剧-->

    <!--音乐-->
    <div class="item" id="musicItem">
      <div class="leftCotainer">
          <div class="title">
            音乐
            <div class="sortMusic">
              <span :class="musicSort==1? 'active':''" @click="musicSortClick(1)">最新投稿</span>
              <span :class="musicSort==2? 'active':''" @click="musicSortClick(2)">最新歌曲</span>
            </div>
          </div>
          <div class="list">
            
          </div>
      </div>
      <div class="rightCotainer">
          <div class="title">热门</div>
          <div class="topList">
            
          </div>
          <div class="seeMore" @click="toMusic()">查看更多<i class="more"></i></div>
      </div>
      
    </div>
    <!--音乐-->

    <!--游戏-->
    <div class="item" id="gameItem">
        <div class="leftCotainer">
            <div class="title">
              游戏
              <div class="sortMusic">
                <span :class="gameSort==1? 'active':''" @click="gameSortClick(1)">最新投稿</span>
                <span :class="gameSort==2? 'active':''" @click="gameSortClick(2)">最新游戏</span>
              </div>
            </div>
            <div class="list">
              
            </div>
        </div>
        <div class="rightCotainer">
            <div class="title">热门</div>
            <div class="topList">
              
            </div>
            <div class="seeMore" @click="toGame">查看更多<i class="more"></i></div>
        </div>
        
      </div>
    <!--游戏-->

    <!--资讯-->
    <div class="item" id="newItem">
        <div class="leftCotainer">
            <div class="title">
              资讯
              <div class="sortMusic">
                <span :class="newSort==1? 'active':''" @click="newSortClick(1)">最新资讯</span>
              </div>
            </div>
            <div class="list">
              
            </div>
        </div>
        <div class="rightCotainer">
            <div class="title">热门</div>
            <div class="topList">
              
            </div>
            <div class="seeMore" @click="toNew">查看更多<i class="more"></i></div>
        </div>
        
      </div>
    <!--资讯-->

  </section>
<!--主体-->


<!--尾部-->
<footer id="z_foot">
    <div class="foot">
        <div class="foot_left"></div>
        <div class="foot_center">
            <span
                class="main_txt">本站所有资源来源于各大视频网站,只供网络测试和学习交流所用,不提供影片资源存储，也不参与任何视频录制、上传,所有视频版权归原权利人，如有关视频侵犯了你的权益，请联系告之，我们将于第一时间删除！我们建议所有影视爱好者购买正版音像制品或去电影院观看最新大片。网站合作联系方式：810268796@qq.com
                Copyright <a href="#">Z动漫在线</a> All Rights Reserved</span>
        </div>
        <div class="foot_right"></div>
    </div>
</footer>
<!--尾部-->

  <script src="../public/js/jquery-1.12.4.min.js"></script>
  <script src="../public/js/vue.min.js"></script>
  <script src="../public/js/vue-resource.min.js"></script>
  <script src="../public/js/common.js"></script>
  <script src="../public/js/index/head.js"></script>
  <script src="../public/js/china/main.js"></script>
</body>
</html>